<template>
  <div class="Rights_management_Platform_Dictionaries">
    <div class="pubBig Privilege">
      <div class="h0">
        <p class="lt">字典管理</p>
      </div>
      <div class="dDownMain">
        <div
          class="twoBox"
          :style="this.$route.query.Token ? 'top:50px;left:10px':'top: 100px'"
        >
          <el-row style="margin-top:10px">
            <el-col :span="18">
              <!-- <span style="margin-left:15px">消息ID/系统名称：</span> -->
              <el-input
                size="small"
                style="display:inline-block;width:200px"
                placeholder="请输入字典名称或字典标识"
              ></el-input>
              <el-button
                size="small"
                icon="el-icon-search"
                style="margin:0 20px 0 5px"
              ></el-button>
              <!-- <span style="margin-left:15px">状态：</span> -->
              <el-select
                v-model="value"
                size="small"
                placeholder="请选择"
                style="display:inline-block;width:200px"
              >
                <el-option
                  label="全部"
                  value="1"
                >
                </el-option>
              </el-select>
            </el-col>
            <el-col :span="6">
              <el-button
                size="small"
                style="float:right;margin-right:50px"
              >新增</el-button>
            </el-col>
          </el-row>
          <el-table
            :data="tableData"
            style="width: 100%;margin-top:15px"
          >
            <el-table-column
              type="index"
              label="序号"
            >
            </el-table-column>
            <el-table-column
              prop="name"
              label="字典名称"
            >
            </el-table-column>
            <el-table-column
              prop="address"
              label="字典标识"
            >
            </el-table-column>
            <el-table-column
              prop="type"
              label="类型"
            >
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  type="text"
                >编辑</el-button>
                <el-button
                  size="mini"
                  type="text"
                >删除</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data () {
    return {
      value: '',
      value1: '',
      tableData: [{
        name: '删除目标字段',
        address: 'asdagas',
        type: 'OPEATION'
      }, {
        name: '删除目标字段',
        address: 'asdagas',
        type: 'OPEATION'
      }, {
        name: '删除目标字段',
        address: 'asdagas',
        type: 'OPEATION'
      }, {
        name: '删除目标字段',
        address: 'asdagas',
        type: 'OPEATION'
      }]
    };
  },
  methods: {
  },
  mounted () {
    // document.getElementById("2").focus();
  },
  created () {
    if (this.$route.query.Token) {
      localStorage.setItem('Token', this.$route.query.Token)
    }
  }
};
</script>
<style lang="scss">
.Rights_management_Platform_Dictionaries {
  .top-input {
    display: inline-block;
    width: 350px;
  }

  .box-top {
    margin-top: 15px;
    margin-left: 5px;
  }
}
</style>
